<!DOCTYPE html>
<html  lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
  <th:block th:include="include :: header('台账')"/>
  <style type="text/css">
		.active{
			background:url(/img/monitor-device-footer-btn-active.8e5a6f6.png) center no-repeat  !important; ;
		}
		ul.buttonList li:hover{
			background:url(/img/monitor-device-footer-btn-active.8e5a6f6.png) center no-repeat  !important;
		}
		
		ul.buttonList li{
			line-height:36px;
			text-align:center; 
			background:url(/img/monitor-device-footer-btn.bc4e75d.png) center no-repeat ;
			height: 36px;
			width: 116px;
			float: left;
			margin-left: 10px
		}
		
		.t-ctn {
	        width: 994px;
	        overflow-x: auto;
	        overflow-y: hidden;
	        margin-left: 14px
	    }

	    .t-ctn .s-ctn {
	        height: 136px;
	        white-space: nowrap;
	    }
	
	    .t-ctn .s-ctn .each {
	        box-sizing: border-box;
	        overflow: hidden;
	        display: inline-block;
	        width: 349px;
	        height: 100%;
	        border: 1px solid #26d7ce;
	    }
	   .t-ctn .s-ctn .each span{
				display:inline-block ;
				height: 20px;
/* 				padding-left: 10px; */
     			padding-top: 2px; 
     			color: #333;
		}
	    
	</style>
    <th:block th:include="include :: qrcode-js" /> 
</head>

<body class="gray-bg">
	
	<div class="col-sm-12 btn-group-sm"  role="group" style="color: #ffffff;margin-bottom: 2px">
		<form id="toolLedgerList-form">
        <div class="select-list">
		<input type="hidden" id="dprtcode" name="dprtcode"  readonly />
        <ul style="float: left;">
           	<li>
				<span style="color: #ffffff">工具类型：</span>
			 	<select class="selectpicker" id="toolsTypeId" name="toolsTypeId"  data-live-search="true" data-size="10" >
  			  	</select>
	  			&nbsp;&nbsp;
	  			<span style="color: #ffffff">关键字：</span>
	  			<input  type="text" placeholder='编号/工具名称/工具厂家/规格型号'  name="keyword" id="keyword"  style="background:#fdfcfc"/>&nbsp;&nbsp;
	  			<a class="btn btn-primary btn-rounded btn-sm" style="height: 23px;margin-bottom: 4px;line-height: 23px;" onclick="$.table.search()"><i class="fa fa-search"></i>&nbsp;搜索</a>&nbsp;
	  			</li>
		</ul>
		</div>
		</form>
       </div>
	
    <div class="col-sm-12  table-striped " style="width: 975px;overflow-y:auto;height: 382px;overflow-x:auto;" >
	    <table id="bootstrap-table" data-mobile-responsive="true" class="text-nowrap" ></table>
	</div>
<th:block th:include="include :: footer" />
<script  th:src="@{/stm/dataV/accountjclist.js}"></script>
<script th:inline="javascript">
	
	
	var kf_tools_inout_state = [[${@dict.getType('kf_tools_inout_state')}]];	
	var voltage_level = [[${@dict.getType('voltage_level')}]];	
	$('ul.buttonList li').on('click',function(e){
	    $(this).addClass("active").siblings().removeClass("active");
	})

</script>
</body>
</html>
